<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
</head>

<body class="dpflex">
    <main>
        <div class="avatar_box">
            <div class="avatar"><img src="./img/xh.jpg" alt=""></div>
            <img src="./img/vip.png" alt="" class="avatar_img">
            <div class="mine_name">用户名</div>
            <div class="signature">个性签名:这个用户很懒,什么也没留下~</div>
            <div class="avatar_symbol">></div>
        </div>
        <div class="sport_data mt20">
            <i class="iconfont icon-shuju"></i>
            <div class="sport_data_tit">运动数据</div>
            <div class="sport_all">总运动</div>
            <div class="symbol">></div>
            <div class="num999">95845</div>
            <div class="time_num999">分钟</div>
            <div class="border_l">
                <div class="week">本周消耗</div>
                <div class="num888">85584</div>
                <div class="time_num888">分钟</div>
            </div>
        </div>
        <div class="badge_box mt20">
            <i class="iconfont icon-huizhang"></i>
            <div class="badge_data_tit">我的运动徽章</div>
            
            <div class="badge_symbol">></div>
            <div class="badges_box dpflex">
                <div ><img src="./img/mybadge01.jpg" alt="" class="badges1"></div>
                <div ><img src="./img/mybadge02.jpg" alt="" class="badges2"></div>
                <div ><img src="./img/mybadge03.jpg" alt="" class="badges3"></div>
            </div>
        </div>
        <div class="quit_box mt20">退 出 登 录</div>
        <!-- 模态框 -->
        <div class="modal">
                <div class="modal_text">主人,退出须要重新登录哦</div>
                <div class="come_on">~~</div>
                <div class="modal_btn">
                    <div class="continue">取消</div>
                    <div class="end">确认退出</div>
                </div>
        </div> 
    </main>
    <!-- <footer class="dpflex"> -->
        <!-- <div class="index">
            <i class="iconfont icon-shouye"></i>
            <div class="tit_index">首页</div>
        </div>
        <div class="sport">
            <i class="iconfont icon-yundong"></i>
            <div class="tit_sport">运动</div>
        </div>
        <div class="min">
            <i class="iconfont icon-wode"></i>
            <div class="tit">我的</div>
        </div> -->
    <!-- </footer> -->
    <!-- form表单 -->
    <input type="file" id="uplode">
</body> 

</html>